<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/zeroModal.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/paging.js"></script>
    <script src="js/zeroModal.min.js"></script>
    <script src="js/base.js"></script>
    <title>Document</title>
    <style>
        .list_xiu{
            background:#0073A9;
            color:#fff;
            font-size:14px;
            padding:0px 6px;
            border-radius: 2px;
        }
        table tr,td,th{
            text-align: center;
        }
        .page_div {
				margin-top: 20px;
				margin-bottom: 20px;
				font-size: 15px;
				font-family: "microsoft yahei";
				color: #666666;
				margin-right: 10px;
				padding-left: 20px;
				box-sizing: border-box;
			}
			/*
			 * 页数按钮样式
			 */
			
			.page_div a {
				min-width: 30px;
				height: 28px;
				border: 1px solid #dce0e0!important;
				text-align: center;
				margin: 0 4px;
				cursor: pointer;
				line-height: 28px;
				color: #666666;
				font-size: 13px;
				display: inline-block;
			}
			
			#firstPage,
			#lastPage {
				width: 50px;
				color: #0073A9;
				border: 1px solid #0073A9!important;
			}
			
			#prePage,
			#nextPage {
				width: 70px;
				color: #0073A9;
				border: 1px solid #0073A9!important;
			}
			
			.page_div .current {
				background-color: #0073A9;
				border-color: #0073A9;
				color: #FFFFFF;
			}
			
			.totalPages {
				margin: 0 10px;
			}
			
			.totalPages span,
			.totalSize span {
				color: #0073A9;
				margin: 0 5px;
			}

        table{
            margin:20px;
            border-collapse: collapse;
            width: 940px;
        }
        tr td{
            border:1px solid #ccc;
            font-size:16px;
            padding:2px 10px;
        }
        .list{
            display:flex;
            margin-top:20px;
        }
        
        .list span{
            border:1px solid #666;
            color:#000;
            padding:4px 10px;
            margin-left:20px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div>
        <div class="list">
            <span class="dis" style="font-weight: bold;width: 70px;text-align: center;height: 20px;">删除频道</span>
        </div>
        <div>
            <table>
                <thead>
                    <tr>
                        <td>选择</td>
                        <td>频道id</td>
                        <td>频道名称</td>
                        <td>排序</td>
                        <td>前台展示</td>
                        <td>自定义频道</td>
                        <td>文章数</td>
                        <td>专题数</td>
                        <td>修改频道</td>
                    </tr>
                </thead>
                <tbody class="user_list">
                </tbody>
            </table>
            <div class="page_fen">
                <div value="1 0"></div>
                <div id="page" class="page_div"></div>
            </div>
        </div>
    </div>
</body>
<script src="js/pindao_list.js"></script>
</html>